body {
	font-family: Arial, Helvetica, sans-serif;
}

.aenigma-header {
	background-color: white;
}

.aenigma-header-left {
	float: left;
	max-width: 50%;
	overflow: hidden;
}

.aenigma-header-right {
	font-family: Impact, Charcoal, sans-serif;
	float: right;
	text-align: right;
	max-width: 50%;
	float: right;
}

.aenigma-title {
	font-size: 2em;
	color: black;
}

.aenigma-level {
	font-size: 1.3em;
	color: gray;
}

.clear {
	clear: both;
}

.aenigma-header hr {
	margin: 0px;
	height: 2px;
	border-color: #ddd;
}

.logo {
	width: 180px;
	display: inline-block;
}

.back {
	display: inline-block;
	margin-right: 5px;
}

.dashed {
	width: 150px;
	height: 11px;
	background-image: url("base-tratteggio.jpg");
}

.dashed.dashed-top {
	margin-top: 5px;
}

.grey_shade {
	position: absolute;
	height: 100%;
	width: 100%;
	z-index: -1;
	background-image: url("../sfumatura_centrale.png");
	background-position: center bottom;
	background-repeat: no-repeat;
}

@media only screen and (max-width: 767px) {

	.logo {
		width: 135px;
		logo_aenigmates_small.jpg
	}
	
	.aenigma-header-right {
		font-size: 80%;
	}

}